<script setup lang='ts'>
import { reactive } from 'vue'
import Notlayoutpage from './compoments/notlayoutpage.vue';
const formModel = reactive({})
</script>

<template>
  <Notlayoutpage>
    <ElCard>
      <template #header>
        <h2>经纪人注册</h2>
      </template>
      <div class="w-2/5 mx-auto">
        <ElForm label-position="top">
          <ElFormItem label="姓名">
            <ElInput placeholder="请输入真实姓名"></ElInput>
          </ElFormItem>
          <ElFormItem label="手机号">
            <ElInput placeholder="请输入您的手机号码"></ElInput>
          </ElFormItem>
          <ElFormItem label="身份证号">
            <ElInput placeholder="请输入您的身份证号码"></ElInput>
          </ElFormItem>
          <ElFormItem label="经济人名">
            <ElSelect placeholder="请输入经纪人代称"></ElSelect>
          </ElFormItem>
          <ElFormItem label="您所属的MCN机构或公会">
            <ElSelect filterable placeholder="选择您直播所在的平台"></ElSelect>
          </ElFormItem>
        </ElForm>
        <div class="text-center text-zinc-400 text-sm">请认真核对您的信息，有助于更快通过审核！</div>
        <div class="text-center  text-sm flex items-center justify-center gap-2">
          <ElCheckbox></ElCheckbox>
          <div>
            <span>我已阅读并同意</span>
            <span class="text-blue-500">《主播合作协议》</span>
          </div>
        </div>
        <div class="text-center text-zinc-400 text-sm">
          <span>审核时长</span>
          <span class="text-blue-500">2个工作日以内</span>
        </div>

        <div class="flex justify-center mt-8">
          <ElButton style="padding:0 6rem;" type="primary">注册</ElButton>
        </div>
      </div>
    </ElCard>
  </Notlayoutpage>
</template>

<style lang='scss' scoped></style>
